<script lang="ts" setup>
import type { SpinnerAppearance, SpinnerSize } from '@fluentui/web-components';

withDefaults(
  defineProps<{
    /**
     * The appearance of the spinner
     * @default primary
     */
    appearance?: SpinnerAppearance;
    /**
     * The size of the spinner
     * @default medium
     */
    size?: SpinnerSize;
  }>(),
  {
    appearance: 'primary',
    size: 'medium',
  },
);
</script>

<template>
  <fluent-spinner :appearance="appearance" :size="size">
    <slot></slot>
  </fluent-spinner>
</template>

<style scoped></style>
